The Web Designer's Idea Book, Volume 3: Inspiration from Today's Best Web Design Trends, Themes and Styles by Patrick McNeil

Author:Patrick McNeil [McNeil, Patrick]
Language: eng
Format: epub
ISBN: 9781440324062
Publisher: HOW Books
Published: 2013-03-24T18:30:00+00:00

Figure 1 http://markheggan.co.uk

Figure 2 http://www.finalelements.com

http://missionhillschurch.com

http://blog.ismaelburciaga.com

Figure 3 http://www.121cc.com

http://ollysorsby.co.uk

http://www.henry.brown.name

http://365awesomedesigners.com

http://www.vectorstories.com

http://madebyscogle.com

http://www.joppdesign.com

http://goupie.co.uk

RIBBONS

As someone who obsesses over trends and patterns, I am always trying to figure out where exactly the trends and patterns originate from. Sometimes it’s impossible to identify just where a trend began. That is the case with ribbons. At some point in the last year this element was leveraged in massive quantities. The samples collected here are a tiny subset of the many sites that are putting ribbons to work.

I have many theories on why ribbons are such a popular element, but all my theories come back to one point: Ribbons look nice. It may sound trite, but it’s still true. All of the sites presented here get a touch of style from using ribbons. The ribbon is somewhat universal, so it is easy to understand why it is so popular. It allows designers to highlight something important in a nice supportive way. It’s not inherently thematic, so it fits into nearly any layout. As a result, they are used all over.

As styles come and go, I suspect ribbons will be a passing trend. And as with all trends, it will find its suitable place in the designer’s toolbox. Eventually it will feel dated and designers will only use it when it truly resonates with the topic at hand. This is the life of all trends.

In many ways, the ribbon is nothing more than the modern badge (check out badges in The Web Designer’s Idea Book, Volume 1). See Andy Widodo’s personal site as an example (figure 1). Here the ribbon is brightly colored and overlaps multiple elements, thereby gaining the focus of the user. What could be more important than a call to action to hire the individual? That’s the purpose of a portfolio site, so using a flashy ribbon element to highlight the conversion point makes perfect sense.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.